// pages/luxianXQ/luxianXQ.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
        navData: {
            title: '',
            level: 12
        },
        pageIndex: 0,
        scrollTop: 0, // 点击置顶
        luxianguie: 0, // 不同路线底部导航
        detailed: false, // 点击更细致的选择
        arrayTravel: ['徒步', '自行车', '摩的', '私驾'], //骑行方式
        arrayPlay: ['亲子乐园', '故乡建筑', '历史遗迹', '自驾天堂'], //骑行方式
        indexTravel: 0, // 出行方式默认方法
        indexPlay: 0, // 出行方式默认方法
        statrDate: '2023-12-01', // 开始时间
        endDate: '2024-12-01' // 结束时间
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
        // 页面加载时设置表头颜色
        wx.setNavigationBarColor({
            // 时间电量颜色
            frontColor: '#ffffff',
            // 表头颜色
            backgroundColor: '#ffffff'
        });
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },
    // 页面点击回到顶部
    toppingbody() {
        wx.pageScrollTo({
            scrollTop: 0
        })
    },
    // 改变出行方式触发
    bindTravelPickerChange(e) {
        console.log('出行方式选择框picker发送选择改变，携带值为', e.detail.value)
        this.setData({
            indexTravel: e.detail.value
        })
    },

    // 改变游玩方式触发
    bindPlayPickerChange(e) {
        console.log('游玩类型选择框picker发送选择改变，携带值为', e.detail.value)
        this.setData({
            indexPlay: e.detail.value
        })
    },

    // 改变开始时间方式触发
    bindStatrDateChange(e) {
        console.log('改变开始时间选择框picker发送选择改变，携带值为', e.detail.value)
        this.setData({
            statrDate: e.detail.value
        })
    },

    // 改变开始时间方式触发
    bindEndDateChange(e) {
        console.log('改变开始时间选择框picker发送选择改变，携带值为', e.detail.value)
        this.setData({
            endDate: e.detail.value
        })
    },

    // 点击 取消/开始 重新规划
    planAgain(){
        this.setData({
            detailed:!this.data.detailed
        })
    },


    // 监听页面滚动
    onPageScroll(e) {
        // console.log('e',e);
        this.setData({
            scrollTop: e.scrollTop
        });
        // 修改状态栏颜色
        if (e.scrollTop < 400) {
            wx.setNavigationBarColor({
                frontColor: '#ffffff',
                backgroundColor: '#ffffff'
            });

            this.setData({
                navData: {
                    level: 12,
                    title: ''
                },
            });
        } else {
            wx.setNavigationBarColor({
                frontColor: '#000000',
                backgroundColor: '#000000'
            })
            this.setData({
                navData: {
                    level: 2,
                    title: '路线详情'
                },
            });
        };
    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})